.mb20{margin-bottom: 20px;}
.mt20{margin-top: 20px;}
.left{float: left;}
.right{float: right;}
ul,ol{list-style: none; margin: 0; padding: 0;}
.clearfix:after {content: ''; height: 0; line-height: 0; display: block; visibility: hidden; clear: both;}
.wid300{width: 300px;}
.none{display: none;}


.div-btn{margin-bottom: 20px;}
.div-btn button{display: inline-block; margin-right: 10px;}


/* 图片上传预览 */
.div-upload{position: relative;}
.btn-file{width: 82px; height: 34px; position: absolute; top: 0; left: 0; opacity: 0; z-index: 99;}


/* 人脸框 */
#viewDiv{position: relative;}
.preview img{max-width: 100%; max-height: 100%;}
.drawDiv{position: absolute; border: 2px solid #a64ceb;}
.drawDiv>p{width: 100%; background-color: #a64ceb; color: #fff; text-align: center;}


/* 图片预览固定宽度 */
.form-control{width: 100px; display: inline-block; margin-right: 10px;}


/* 提示语 */
.box{width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none;}
.msg{position: absolute; border-radius: 4px; padding: 10px 20px; color: #fff; background: #000; top: 50%; left: 50%;
transform: translate(-50%, -50%);display: inline-block;}


.tips{padding: 10px 10px 0; border: 1px dashed #ccc; margin-bottom: 10px; background: #fefBe4;}


/* 数据库查找 */
.showImg{overflow: hidden; }
.showImg li{position: relative; float: left; margin: 10px;}
.showImg img{height: 295px;}
.signDiv{position: absolute; border: 2px solid #a64ceb;}
.signDiv>p{background: #a64ceb; color: #fff; margin-top: -20px; display: inline-block; position: absolute;}


/* 图片预览 */
#imgList{width: 100%;}
#imgList li{float: left; margin: 10px; position: relative;}
#imgList img{height: 295px; cursor: pointer;}
.bigImg{position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); width: 100%; height: 100%; display: none;}
.bigImg img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
#imgList .listLoad{width: 178px; height: 88px; background: url(../images/load.gif) 0 0 no-repeat; float: none; margin: 0 auto;}
.delBtn{position: absolute; top: 0; right: 0;}
.checkBtn{display: none; width: 24px; height: 24px; position: absolute; top: 2px; left: 2px; cursor: pointer; background: url(../images/check.png) 0 0 no-repeat;}
.checkBtn.checked{background: url(../images/checked.png) 0 0 no-repeat;}
.noresult{float: none; text-align: center;}


/* 分页功能 */
.pageDiv li{float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; background-color: #fff; border: 1px solid #ddd; cursor: pointer;}
.pageDiv li.active{color: #fff; background: #337ab7;}
.pagination .shuru{margin: 0 10px; border: none; padding: 0;}
.shuru input{margin: 0 6px;}
.pagination>.disabled{color: #777; cursor: not-allowed; background-color: #fff;border-color: #ddd;}
.pagination>div{float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd;}
.prveBtn,.nextBtn{cursor: pointer;}
.prveBtn:hover,.nextBtn:hover{background-color: #337ab7; color: #fff;}
.pagination{display:flex; justify-content:center; align-items:center;}

/* 返回顶部 */
.goTop{width: 48px; height: 48px; background: url(../images/goTop.png); position: fixed; right: 50%; bottom: 20%; cursor: pointer; margin-right: -33%; display: none;}
